<template>
  <aside class="widget-area">
    <div class="widget widget-weather">
      <div class="weather-image">
        <a href="#"><img src="/src/assets/images/weather/weather.jpg" alt="image"></a>
      </div>
    </div>
    <div class="widget widget-who-following">
      <h3 class="widget-title">热门话题</h3>
      <div class="following-item d-flex justify-content-between align-items-center">
        <span class="name add-friend"><a href="#">#热气球</a></span>
      </div>
      <div class="following-item d-flex justify-content-between align-items-center">
        <span class="name add-friend"><a href="#">#刘慈欣</a></span>
      </div>
      <div class="following-item d-flex justify-content-between align-items-center">
        <span class="name add-friend"><a href="#">#狂飙</a></span>
      </div>

    </div>
  </aside>
</template>

<script setup>
import {ref, reactive, onMounted} from "vue";
import axios from '@/plugins/axios.js'

onMounted(() => {
});
</script>

<style scoped>

</style>